:focus {
  outline: 0 none;
}
.container {
  width: 1200px;
}
.header .top {
  height: 100px;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  _zoom: 1;
}
.header .top .menu,
.header .top .snav {
  display: none;
}
.header .top .logo {
  width: 234px;
  height: 100px;
  float: left;
  background: url("") left center no-repeat;
}
.header .top .right-area {
  float: right;
  width: 950px;
  height: 100px;
}
.header .top .right-area .nav {
  height: 100px;
  float: right;
  font-size: 16px;
  _zoom: 1;
}
.header .top .right-area .nav .main-nav {
  height: 100px;
  text-align: center;
  list-style: none;
}
.header .top .right-area .nav .main-nav li {
  list-style: none;
  float: left;
  height: 100px;
  _display: inline-block;
  _float: left;
}
.header .top .right-area .nav .main-nav li a {
  display: inline-block;
  padding: 0 20px;
  line-height: 100px;
  line-height: 100px;
  position: relative;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.header .top .right-area .nav .main-nav li a.active {
  background-color: #eee;
  border-left-color: #eee;
  border-right-color: #eee;
}
.header .top .right-area .nav .main-nav li a.focus,
.header .top .right-area .nav .main-nav li a:hover {
  background-color: #f8f8f8;
  border-left-color: #ddd;
  border-right-color: #ddd;
  z-index: 9999;
}
.header .top .right-area .nav .ieclass {
  width: 750px;
}
.footer {
  padding-bottom: 70px;
  font-size: 14px;
}
.footer .foot .ft-nav {
  padding-top: 60px;
  width66: 0.67%;
}
.footer .foot .ft-nav ul li {
  float: left;
  margin-right: 55px;
}
.page-section {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 4% 0;
}
.module {
  padding: 0 !important;
  max-width: 1230px;
  margin: auto;
}
.grid-module .row {
  padding-top: 2.5%;
  overflow: visible;
}
.grid-module .row:first-of-type {
  padding-top: 0;
}
.grid-module .row:after {
  content: "";
  display: table;
  clear: both;
}
.grid-module .row.no-padding {
  padding: 0;
}
.grid-module .row.no-padding-top {
  padding-top: 0px;
}
.grid-module .col {
  float: left;
  padding: 1.25%;
  box-sizing: border-box;
  overflow: hidden;
}
.grid-module .col.no-padding {
  padding: 0;
}
.grid-module .col.no-left-padding {
  padding-left: 0;
  padding-right: 1.75%;
}
.grid-module .col.no-right-padding {
  padding-right: 0;
  padding-left: 1.75%;
}
.grid-module .col.padding-bottom {
  padding-bottom: 1.25%;
}
.grid-module.grid {
  background-color: #fff;
  display: block;
  overflow: hidden;
  width: 100%;
  float: left;
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-bottom: 1px solid #e0e0e0;
}
.grid-module.grid:after {
  -webkit-transition: background-color 120ms linear;
  transition: background-color 120ms linear;
  background-color: transparent;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: inherit;
  width: 100%;
}
.grid-module.grid:hover:after {
  background-color: rgba(0,0,0,0.1);
}
.grid-module.grid.no-hover:after {
  display: none;
}
.grid-module .blue-bg {
  background-color: #2a8cc4;
}
.grid-module .blue-bg .label span {
  background: #056da8;
  color: #fff;
}
.grid-module .blue-bg h3 {
  color: #fff;
}
.grid-module .blue-bg p {
  color: #aed4ea;
}
.grid-module .grid2x1 {
  padding-bottom: 48.10127%;
}
.grid-module .grid3x1 {
  padding-bottom: 33.4226%;
}
.grid-module .grid3x2 {
  padding-bottom: 66.667%;
}
.grid-module .grid3x4 {
  padding-bottom: 133.333%;
}
#flow02 .grid {
  border: 0;
}
.grid2x1 {
  padding-bottom: 48.10127%;
  font-size: 1em;
}
.grid2x1 .images-wrapper {
  float: left;
  width: 48.1%;
}
.grid2x1 .images-wrapper:after {
  position: absolute;
  content: ' ';
  width: 0px;
  height: 0px;
  right: 0;
  top: 30px;
  border-width: 14px 13px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.grid2x1 .content-wrapper {
  width: 51.9%;
  float: left;
  padding: 4%;
}
.banner {
  height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
#flow01 .row {
  padding: 0;
}
#flow01 .row .span-8 {
  width: 66.66667% 9;
  *width: 790px;
  _width: 790px;
  height: 380px;
  padding: 15px;
}
#flow01 .row .span-8 .content-wrapper {
  width: 51.4% 9;
  *width: 43%;
  _width: 43%;
}
#flow01 .row .span-4 {
  width: 33.33333% 9;
  *width: 380px;
  _width: 380px;
  height: 380px;
  padding: 15px;
}
#flow01 .row .span-4 #service-grid .span-12 {
  height: 126.5px;
}
#flow01 .row .span-4 #service-grid .span-12 .grid3x1 {
  padding-bottom: 36.42% 9;
  *padding-bottom: 33.42%;
  _padding-bottom: 33.42%;
}
#flow02 .row {
  padding: 0;
}
#flow02 .row .span-6 {
  width: 50% 9;
  *width: 580px;
  _width: 580px;
  _padding: 15px;
}
#flow02 .row .span-6 .grid2x1 {
  padding-bottom: 43%;
  _position: relative;
  _overflow: hidden;
  _zoom: 1;
}
#flow02 .row .span-6 .grid2x1 div.note-pic {
  _width: 248px;
  _height: 248px;
  _float: left;
}
#flow02 .row .span-6 .grid2x1 div.list-content {
  width: 300px;
  _height: 220px;
  _padding-left: 25px;
  _float: right;
}
#flow02 .row .span-6 .grid2x1 div.list-content ul {
  _width: 300px;
  _padding: 0;
  margin: 0;
}
#flow02 .row .span-6 .grid2x1 div.list-content ul li a {
  width: 285px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#flow002 .row {
  _clear: both;
  padding: 0;
}
#flow002 .row .span-8 {
  width: 66.66667% 9;
  *width: 790px;
  _width: 790px;
  height: auto;
}
#flow002 .row .span-8 .grid2x1 .content-wrapper {
  width: 51.4% 9;
  *width: 43%;
  _width: 43%;
}
#flow002 .row .span-4 {
  width: 33.33333% 9;
  *width: 380px;
  _width: 380px;
  height: auto;
}
#flow002 .row .span-4 .grid1x2 {
  padding-bottom: 214.5%;
}
#flow002 .row .span-4 .grid1x2 .content-wrapper {
  width: 100% 9;
  *width: 80%;
  _width: 80%;
  padding: 10%;
}
#flow002 .row #sigle-one .span-6 {
  width: 50% 9;
  *width: 380px;
  _width: 380px;
}
#flow002 .row #sigle-one .span-6 .grid {
  padding-bottom: 107% 9;
  *padding-bottom: 107%;
  _padding-bottom: 104%;
}
#flow002 .row #sigle-one .content-wrapper {
  padding: 16% 10% 8%;
  width: 100% 9;
  *width: 80%;
  _width: 80%;
}
#flow002 .row#index-bot-top .span-4 {
  width: 33.33333% 9;
  *width: 380px;
  _width: 380px;
}
#flow002 .row#index-bot .span-4 {
  width: 33.33333% 9;
  *width: 380px;
  _width: 380px;
}
#flow002 .row#index-bot .span-4 .grid .content-wrapper {
  padding: 5% 10%;
  width: 100% 9;
  *width: 80%;
  _width: 80%;
}
